<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>信基沙溪</title>

		<link href="/xj/css/bootstrap.min.css" rel="stylesheet">
		<link href="/xj/css/jquery.gScrollingCarousel.css" rel="stylesheet" />
		<link href="/xj/css/global.css" rel="stylesheet">
		<link href="/xj/css/style.css?v=1" rel="stylesheet">

		  <script src="/xj/js/html5shiv.min.js"></script>
		  <script src="/xj/js/respond.min.js"></script>
		  <script src="/xj/js/jquery.min.js"></script>
		  <script src="/xj/js/bootstrap.min.js"></script>

	</head>

<body>
<div class="globalstyle">
	<div id="whole_box">
		<div class="box" style="padding-left: 0px!important;">

		</div>

		<div class="box">
			<img src="/xj/image/icon/arrow_left.png" class="back_icon"  v-on:click="getback">
			<i class="index-icon-search" style="margin-left: 50px!important;"></i>
			<input type="text" class="username" placeholder="搜索更多商户.. " v-on:focus="goSearch()"/>
		</div>

		<div class="store_list_area_txt">导购位置：{{area_name}}</div>
		
		<div class="area_map_box">
			<img :src="area_map" class="map_img">
		</div>

		<div style="background-color: #f8f8fa;margin-bottom: 80px;">

			<div class="store_item" v-for="item in store_list" v-on:click="storDetail(item.id)">
				<div class="media" style="width: 100%;padding-top: 15px;">
					<div class="media-left">
						<a href="#">
							<img class="media-object" :src="item.logo" style="width: 64px; height: 64px;" alt="...">
						</a>
					</div>
					<div class="media-body" style="padding-top: 10px; width: 100%;">
						<h4 class="media-heading" style="font-family: '微软雅黑';font-weight: bold;">
							{{item.store_name}}</h4>
						<img src="/xj/image/store/sell_logo.png" style="width: 5%;"/>
						<font style="font-size: 10px;">{{main_pro_txt}}:{{item.mainlabel}}</font>
					</div>
				</div>

				<!--店铺咨询-->
				<div  class="store_item_num" >
					<img src="/xj/image/shop_num_flag.png" style="width: 3%;"/>
					<span class="store_num_txt">{{shop_no}}：<strong>{{item.market_type}}{{item.store_no}}</strong></span>

					<img src="/xj/image/store/call_go.png" style="width: 80px;float: right;margin-top: 8px;" v-on:click="call(item.phone)">

				</div>
			<!--图片区域-->
				<div class="g-scrolling-carousel scrollstyle">
					<div class="items">
						<a v-for="(dataItem,index2) in item.product_show_pic" href="#" style="">
							<img :src="dataItem.url" style="width: 50%;height: 100px;padding-right: 8px">
						</a>

					</div>
				</div>

			</div>

			<div class="bottom_line">---------我是有底线的---------</div>

		</div>
<!--底部导航-->
		<div class="nav_self">
			<div class="nav-one">
				<a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
			</div>
			<div class="nav-view" style="white-space: pre">
				<a href="/page/redirectMarketopens"  :class="!is_en ? '':'nav_encss'">{{bottom1}}</a>
			</div>
			<div class="nav-view" style="white-space: pre">
				<a href="/page/redirectInfor"   :class="!is_en ? '':'nav_encss'">{{bottom2}}</a>
			</div>
			<div class="nav-view">
				<a href="/page/redirectContractus" :class="!is_en ? '':'nav_encss'">{{bottom3}}</a>
			</div>

		</div>
	</div>
</div>
</body>

</html>
<script src="/xj/js/vue.min.js"></script>
<script src="/xj/js/jquery.gScrollingCarousel.js"></script>
<script src="/xj/javascript/storelist.js"></script>
<style>
	.box{
		padding-left: 0px!important;
	}

	.back_icon {
		float: left;
	}

	.box .username{
		width: 80%!important;
	}

	.bottom_line{
		text-align: center;
		background-color: #ffffff;
		color:#A4A4A4 ;
	}
</style>
